.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
@font-face {
    font-family: 'db_helvethaicaais_x_v3';
    src: url('../fonts/db_helvethaicaais_x_v3.2-webfont.eot');
    src: url('../fonts/db_helvethaicaais_x_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaicaais_x_v3.2-webfont.woff') format('woff'),
         url('../fonts/db_helvethaicaais_x_v3.2-webfont.ttf') format('truetype'),
         url('../fonts/db_helvethaicaais_x_v3.2-webfont.svg#db_helvethaicaais_x55_regular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

.rsu_regular{
	font-family: 'db_helvethaicaais_x_v3';
}

.rsu_light{
	font-family: 'db_helvethaicaais_x_v3';
}

.rsu_bold{
	font-family: 'db_helvethaicaais_x_v3';
}

.webfont{
	font-family: 'db_helvethaicaais_x_v3';
}

body{
	font-family: 'db_helvethaicaais_x_v3', sans-serif;
	color: #333;
	font-size: 14px;
	background: #E9EAEC;
	/*background: url(../images/bg.jpg) no-repeat top center #E9EAEC;*/
	background-size: 100% auto;
}

a:link, a:visited{
	color: #666;
}

a:hover{
	color: #1681C5;
}

.preloading{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 100;
	overflow: hidden;
	-webkit-transition: all 800ms cubic-bezier(0.445,.050,.55,.95);
	-moz-transition: all 800ms cubic-bezier(0.445,.050,.55,.95);
	-ms-transition: all 800ms cubic-bezier(0.445,.050,.55,.95);
	-o-transition: all 800ms cubic-bezier(0.445,.050,.55,.95);
	transition: all 800ms cubic-bezier(0.445,.050,.55,.95);
	-webkit-transition-timing-function: cubic-bezier(0.445,.050,.55,.95);
	-moz-transition-timing-function: cubic-bezier(0.445,.050,.55,.95);
	-ms-transition-timing-function: cubic-bezier(0.445,.050,.55,.95);
	-o-transition-timing-function: cubic-bezier(0.445,.050,.55,.95);
	transition-timing-function: cubic-bezier(0.445,.050,.55,.95);
}

.preloading.fade {
	z-index: -1;
	position: fixed;
	opacity: 0;
}

.preloading span {
	display: block;
	width: 90%;
	height: 50%;
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -45%;
	text-align: center;
	background: url(../images/loading.gif) center center no-repeat;
	text-indent: -9999px;
}

.row{
	max-width: 1020px !important;
	/*
	min-width: 1020px !important;
	*/
}

.column, .columns{
	padding-left: 0.6rem;
	padding-right: 0.6rem;
}

.column.nopadding, .columns.nopadding{
	padding-left: 0;
	padding-right: 0;
}

.scrollToTop {
	width: 48px;
	height: 48px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	background: url('../images/scrolltop.png') no-repeat center;
	z-index: 5;
	cursor: pointer;
	display: none;
}

.rootContainer{
	margin: auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'db_helvethaicaais_x_v3';
}

.off-canvas-wrap{
	overflow: visible;
}

/* HEADER */

#header *{
	color: #fff;
}

#header{
	padding: 15px 0;
}

#header a{
	color: #fff;
}

#header .logo-conpanyname{
	padding-top: 25px;
}

#header .header_companyname{
	letter-spacing: 1px;
}

#header .header_companyname .TH{
	font-size: 24px;
	line-height: 36px;
	display: block;
}

#header .header_companyname .EN{
	font-size: 18px;
	line-height: 20px;
	display: block;
}

#header .header_contact{
	font-size: 13px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	/*font-family: 'supermarketRegular';*/
	letter-spacing: 0.5px;
	line-height: 18px;
}

#header .consult{
	display: inline-block;
	background: #3680C2;
	padding: 2px 10px;
	font-size: 18px;
	border-radius: 10px;
	margin-top: 3px;
	letter-spacing: 1px;
}

.main-section{
	position: relative;
}

#header_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: url(../images/bg.jpg) no-repeat top center;
	background-size: 100%;
	top: 0;
	left: 0;
}

#mobile-header{
  background: rgb(172,76,12);
  background: -moz-linear-gradient(top,  rgb(156,229,244) 69%, rgb(204,243,249) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(69%,rgba(22,129,197,1)), color-stop(100%,rgb(204,243,249)));
  background: -webkit-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
  background: -o-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
  background: -ms-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
  background: linear-gradient(to bottom,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
	color:#fff;
  padding-top:5px;
  padding-bottom:20px;
	position: relative;
}

#mobile-header .hamberger, #mobile-header .contacticon{
    position: absolute;
    width: 53px;
    height: 100%;
    top: 11px;
    padding: 5px;
    z-index: 1;
}

#mobile-header .contacticon{
	right: 0;
	top: 9px;
}

/* MENU */
#menu{
	font-family: 'db_helvethaicaais_x_v3';
	overflow: hidden;
}

#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	background: rgb(172,76,12);
	background: -moz-linear-gradient(top,  rgb(156,229,244) 69%, rgb(204,243,249) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(69%,rgba(22,129,197,1)), color-stop(100%,rgb(204,243,249)));
	background: -webkit-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
	background: -o-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
	background: -ms-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
	background: linear-gradient(to bottom,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1681c5', endColorstr='#0f77bb',GradientType=0 );
	text-align: center;
}

#menu ul li{
	display: inline-block;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
}

#menu ul li:last-child{
	border: none;
}

#menu ul li a{
	display: inline-block;
	padding: 4px 15px;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1.4px;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#menu ul li a:after{
	content: '';
	border-right: 1px solid #fff;
	display: inline-block;
}

#menu ul li.active a, #menu ul li a:hover{
	background: ##ff9900;
	box-shadow: inset 0 8px 10px rgba(0, 0, 0, 0.1);
}

/* SLIDE */
#slide{
	background: #F6F6F6;
	margin-bottom: 20px;
}

/*  SLIDE STYLE  */
#slide{
	position: relative;
}

.camera_target_content:after{
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/slider/overlay.png");
	top: 0;
	opacity: 0.1;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}

.camera_wrap .camera_pag .camera_pag_ul{
	text-align: center;
	position: absolute;
	width: 100%;
	margin-top: -55px;
}

.camera_caption > div{
	background: none;
	padding: 20px 35px;
}

.camera_caption{
	height: 100%;
	position: relative;
	z-index: 5;
}

.camera_caption h2{
	/*font-size: 3em;*/
	text-shadow:
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff,
		0 0 4px #fff;
}

.camera_caption p{
	font-size: 15px;
	line-height: 25px;
	font-family: 'tahoma';
	color: #000;
	text-shadow:
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff,
		0 0 3px #fff;
}

.camera_fakehover{
	height: 100%;
	position: relative;
	display: block;
}

.camera_fakehover:after{
	content: ' ';
	padding-bottom: 30%;
	padding-bottom: 310px;
	display: block;
	width: 100%;
	top: 0;
}

.container{
	font-family: 'db_helvethaicaais_x_v3';
	font-size: 16px;
	font-size: 16.2px;
	color: #555;
	letter-spacing: 0.2px;
	letter-spacing: 0.5px;

	/*
	font-family: tahoma;
	font-size: 14px;
	letter-spacing: 0;
	*/

}

.container p, .container ul, .container li{
	font-size: 16px;
	font-size: 16.2px;
}

.container table, .container table *{
	font-size: 16px !important;
	color: #666;
}

.container table .h{
	color: #0071BA !important;
	margin-right: 10px;
}

/* INDEX */
.columns_left{
	margin-right: 15px;
}

.columns_right{
	margin-left: 15px;
}

.content{
	background: #fff;
	padding: 15px;
}

.ul_list{
	background: #fff;
}

.ul_list ul{
	margin: 0 5px;
	padding: 0;
}

.ul_list ul li{
	margin: 0;
	list-style: none;
}

.ul_list ul li a:before{
	content: ' ';
	display: block;
	background: url(../images/dot.png) no-repeat center 7px;
	position: absolute;
	height: 100%;
	width: 15px;
	left: 5px;
	color: #666;
}

.ul_list ul li a{
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 7px 10px 7px 23px;
	position: relative;
	overflow: hidden;
	letter-spacing: 0.5px;
	color: #666;
	cursor:context-menu;
    line-height: 20px;
}

.ul_list ul li a:link, .ul_list ul li a:visited{
	color: #666;
	cursor:auto;
}

.ul_list ul li a:hover{
	color: #1681C5;
}

.ul_list ul li:last-child a{
	border: none;
}

.index_product{
	margin: -7px;
}

.index_product .item{
	margin-top: 15px;
	padding: 7px;
}

.index_product .item:nth-child(2n+1){
	clear: left !important;
}

.index_product .item a{
	color: #fff;
}

.index_product .item .title{
	background: #2F8DCA;
	color: #fff;
	text-align: center;
	padding: 5px;
	line-height: 18px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.index_product .item:hover .title{
	background: #006AAA;
}

/* BLOG LIST */
.blog_list .item{
	padding: 15px 0;
	border-bottom: 1px dotted #ccc;
}

.blog_list .item .leftcolumn{
	width: 150px;
}

.blog_list .item .rightcolumn{
	width: calc(100% - 150px);
	padding-left: 15px;
}

.blog_list .item:first-child{
	padding-top: 0;
}

.blog_list .item .title{
	font-size: 21px;
	margin: 0 0 8px 0;
	line-height: 24px;
}

.blog_list .item .more{
	display: inline-block;
	background: #eee;
	line-height: 16px;
	padding: 3px 10px;
}

/**************** PROJECT GALLERT ***************/
#gallery{
	font-size: 0;
	text-align: center;
}
#gallery .list{
	/*float: left;*/
	width: 23.5%;
	width: 23.4%;
	margin: 2% 2% 0 0;
	position: relative;
	display: inline-block;
}

#gallery .list .thumb{
	background: #fff;
}

#gallery .list .thumb:after{
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/icon_plus_s.png) no-repeat center;
	background-size: 30%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#gallery .list .thumb:hover:after{
	background-size: 25%;
	opacity: 0.7;
}

#gallery .list img{
	width: 100%;
	border: 1px solid #ccc;
	padding: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#gallery .list img:hover{
}

#gallery .list:nth-child(4n+4){
	margin-right: 0;
}

#gallery .list img{
	display: block;
}

/* CONTACT */
.contact-info{
	line-height: 30px;
}
.contact-frm label{
	font-size: 16px;
}
.contact-info .fa{
	width: 20px;
	text-align: center;
	font-size: 16px;
}
.contact-info .fa.fa-mobile{
	font-size: 20px;
}
.contact-info .fa.fa-envelope{
	font-size: 12px;
}
.contact-frm{
	width: 100%;
	margin: 0 auto;
}
.contact-frm .input {
	padding: 8px !important;
	height: auto !important;
	margin-bottom: 13px !important;
	font-size: 13px;
	font-family: tahoma;
}
.contact-frm .red{
	color: red;
	font-family: tahoma;
	font-size: 12px;
}

/**************** END PROJECT GALLERT ***************/

/* FOOTER */
#footer{
  background: rgb(172,76,12);
  background: -moz-linear-gradient(top,  rgb(156,229,244) 69%, rgb(204,243,249) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(69%,rgba(22,129,197,1)), color-stop(100%,rgb(204,243,249)));
  background: -webkit-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
  background: -o-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
  background: -ms-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
  background: linear-gradient(to bottom,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
	color: #fff;

	background-size: auto 100%;
	padding: 20px;
	margin-top: 30px;
	font-size: 13px;
	line-height: 20px;

	font-size: 15px;
	font-family: 'db_helvethaicaais_x_v3';
	letter-spacing: 0.8px;

}

#footer a{
	color: #fff;
}

#footer .email{
	float: right;
	width: 43px;
	margin: 0 0 0 8px;
	position: relative;
	z-index: 2;
}

/*  ALL  */

.head_title{
  background: rgb(156,229,244);
  background: -moz-linear-gradient(top,  rgb(156,229,244) 69%, rgb(204,243,249) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(69%,rgba(22,129,197,1)), color-stop(100%,rgb(204,243,249)));
  background: -webkit-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
  background: -o-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
  background: -ms-linear-gradient(top,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
  background: linear-gradient(to bottom,  rgb(156,229,244) 69%,rgb(204,243,249) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf9fa', endColorstr='#f7f6f5',GradientType=0 );
	margin: 0;
	padding: 7px 12px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 1px;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #F2F2F2;
	font-family: 'db_helvethaicaais_x_v3';
	box-shadow: 0 1px 5px rgba(170, 170, 170, 0.20);
	position: relative;
}

.head_title a{
	color: #2F8DCA;
	display: block;
}

.head_title.i{
	padding-left: 60px;
}

.head_title.bluebg{
	background: rgb(45,133,188);
	background: -moz-linear-gradient(top,  rgba(45,133,188,1) 50%, rgba(18,123,191,1) 50%, rgba(18,123,191,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(45,133,188,1)), color-stop(50%,rgba(18,123,191,1)), color-stop(100%,rgba(18,123,191,1)));
	background: -webkit-linear-gradient(top,  rgba(45,133,188,1) 50%,rgba(18,123,191,1) 50%,rgba(18,123,191,1) 100%);
	background: -o-linear-gradient(top,  rgba(45,133,188,1) 50%,rgba(18,123,191,1) 50%,rgba(18,123,191,1) 100%);
	background: -ms-linear-gradient(top,  rgba(45,133,188,1) 50%,rgba(18,123,191,1) 50%,rgba(18,123,191,1) 100%);
	background: linear-gradient(to bottom,  rgba(45,133,188,1) 50%,rgba(18,123,191,1) 50%,rgba(18,123,191,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d85bc', endColorstr='#127bbf',GradientType=0 );
}

.head_title.bluebg a{
	color: #fff;
}

.head_title .icon{
	display: inline-block;
	width: 50px;
	height: 40px;
	position: absolute;
	top: -6px;
	left: 5px;
	background: url(../images/icon_service.png) no-repeat center;
}

.head_title .icon.service{
	background: url(../images/icon_service.png) no-repeat center;
}

.head_title .icon.calculator{
	background: url(../images/icon_calculator.png) no-repeat center;
}

.head_title .icon.contact{
	background: url(../images/icon_contact.png) no-repeat center;
}

.head_title .icon.person{
	background: url(../images/icon_person.png) no-repeat center;
}

.head_title .icon.world{
	background: url(../images/icon_world.png) no-repeat center;
}

.thumbeffect, .thumbeffect *{
	-webkit-transition: all .2s ease-out;
}

.thumbeffect{
	position: relative;
	overflow: hidden;
}

.thumbeffect img{
	width: 100%;
}

.thumbeffect:after{
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/icon_plus.png) no-repeat center rgba(0, 0, 0, 0.5);
	background-size: 30%;
	opacity: 0;
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-ms-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
	transform: scale(1.5);
}

.thumbeffect:hover:after{
	opacity: 0.7;
	transform: scale(1);
}

.thumbeffect:hover img{
	transform: scale(1.3);
}

/*
.head-h1:after{
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/headtitle.jpg) no-repeat center;
	z-index: -1;
	opacity: 0.3;
}
*/

.shadow{
	box-shadow: 0 4px rgba(0, 0, 0, 0.08);
}

.overflow{
	overflow: hidden;
}

.headtitle{
	background: url(../images/headtitle.jpg) no-repeat top #114DBB;
	background-size: cover;
	padding: 7px 20px;
	color: #fff;
	font-family: 'db_helvethaicaais_x_v3';
	font-size: 27px;
	line-height: 28px;
	border-radius: 10px 0 0 0;
	margin: 0;
}

.headtitle a{
	color: #fff;
}

.index-h3{
	text-align: center;
}

.overlap-photo{
	position: relative;
}

.overlap-photo .img:nth-child(1){
	position: relative;
	z-index: 2;
}

.overlap-photo .img{
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.overlap-photo .img:nth-child(2){
	position: absolute;
	transform:rotate(-10deg);
	-ms-transform:rotate(-10deg);
	-moz-transform:rotate(-10deg);
	-webkit-transform:rotate(-10deg);
	-o-transform:rotate(-10deg);
	top: 0;
}

.index-h3 a{
	color: #1471DD;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	border-bottom: 2px solid #1471DD;
	padding: 20px 0;
	margin: 0 0 20px 0;
	display: inline-block;
}

.button{
	outline:none;
}

.button:active{
	top: 1px;
	position: relative;
	box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.imghover{
	overflow: hidden;
}

.imghover img{
	display: inline-block;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.imghover:hover img{
	transform: scale(1.15);
}

.imground{
	border-radius: 2px;
	-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.photo-large{
	margin-bottom: 20px;
	box-shadow: 0 0 15px #888;
}

.photo-small{
	text-align: center;
	margin-top: 20px;
}

.photo-small .thumb{
	display: inline-block;
	width: 120px;
}

#fixed-right{
	width: 110px;
	position: fixed;
	z-index: 99999;
	right: 15px;
	bottom: 85px;
}

#callcenter{
	width: 100%;
	border: 3px solid #E92F30;
	background: url(../images/callcenter.jpg) no-repeat center top #F9F9F9;
	background-size: 100% auto;
	border-radius: 15px;
	min-height: 200px;
	padding: 25px 5px;
	font-size: 13px;
	font-family: 'ThaiSansNeue';
}

#callcenter .content{
	position: relative;
}

#callcenter .callcontent:after{
	content: ' ';
	position: absolute;
	width: 77px;
	height: 50px;
	background: url(../images/gear_red.png) no-repeat;
	right: -10px;
	bottom: -20px;
}

#callcenter: after{

}

#callcenter .icon{
	margin-bottom: 5px;
}

.thumbshadow{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
	border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}
/*
.thumbshadow:after {
	position: absolute;
	width: 80%;
	height: 40%;
	left: 10%;
	border-radius: 50%;
	z-index: -1;
	bottom: 0%;
	content: "";
	box-shadow: 0 7px 16px rgba(0,0,0,0.4);
}
*/

p{
	line-height: 25px;
}

.green{
	color: #41A766;
}

.red{
	color: #CE2626;
}

.blue{
	color: #0071BA;
}

.white{
	color: #fff;
}

.textindent{
	text-indent: 30px;
}

.relative{
	position: relative;
	z-index: 1;
}

.absolute{
	position: absolute;
}

.linediv{
	height: 1px;
	border-bottom: 1px solid #bbb;
}

.clear{
	clear: both;
}

.blankheight5{ height: 5px; }
.blankheight10{ height: 10px; }
.blankheight15{ height: 15px; }
.blankheight20{ height: 20px; }
.blankheight30{ height: 30px; }
.blankheight40{ height: 40px; }
.blankheight50{ height: 50px; }

.embed-container{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.embed-container iframe, .embed-container object, .embed-container embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe{
	display: block;
}

iframe[src="about:blank"] {
	display: none;
}

.transition{
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.text-large{
	font-size: 20px;
}

.text-medium{
	font-size: 22px;
	line-height: 28px;
}

.text-small{
	font-size: 18px;
	line-height: 24px;
}

.text-center{
	text-align: center;
}

.hand{
	cursor: pointer;
}

.powerby{
	font-size: 12px;
	opacity: 0.5;
}

.powerby a{
	color: #fff;
}

table.clear, table.clear tr th, table.clear tr td,
table.clear tr.even, table.clear tr.alt, table.clear tr:nth-of-type(even){
	background: none;
	margin-bottom: 0;
	padding: 0;
	border: none;
	table-layout: auto;
}

body.cke_editable{
	margin: 15px;
	background: #fff;
	font-family: 'db_helvethaicaais_x_v3', sans-serif;
}

.topPicture{
	margin: -15px -15px 0 -15px;
}

@-moz-document url-prefix() {

}

/* max-width 1921px, xxlarge screens */
@media only screen and (max-width: 120.063em) {

}

/* max-width 1441px, xlarge screens */
@media only screen and (max-width: 90.063em) {

}

@media only screen and (max-width: 1300px) {
	#header_bg{
		background-size: auto;
	}
}

@media only screen and (min-width: 1300px) {

}

/* max-width 1025px, large screens */
@media only screen and (max-width: 64.063em) {
	#header_bg{
		background-size: auto;
	}
	#header .header-inside{
		padding: 0 15px;
	}
	#header .header_contact_text, #header .header_contact_text *{
		color: #333 !important;
		text-shadow: none;
	}
	#header .logo-conpanyname{
		padding-top: 0;
	}
}

/* max-width 920px, large screens */
@media only screen and (max-width: 920px) {

}

/* max-width 641px, medium screens */
@media only screen and (max-width: 40.063em) {
	#slide{
		margin-bottom: 0;
	}
	.columns_left, .columns_right{
		margin: 0;
	}
	.blog_list .item .title{
		font-size: 14px;
		font-family: tahoma;
		line-height: 18px;
	}
	#footer{
		margin-top: 0;
	}
	#footer *{
		text-align: center !important;
	}
	#footer .email{
		float: none;
		width: 100%;
	}
}

/* max-width 380px, medium screens */
@media only screen and (max-width: 380px) {

}